<template>
    <div class="content">
{{ date1 }}

<button @click="test()">测试</button>
    </div>
    
</template>
    
    
<script>
 import moment from 'moment';




    export default {
    
        components: {
        },
        data() {
            return {
                date1:moment().format("YYYY-MM-DD"),
            }
        },
        mounted(){
        
        },
        computed: {
    
        },
    
        methods: {
            handleNodeClick(data) {
             console.log(data);
            },
            handleCheckChange(data, checked, indeterminate) {
            },
            test(){
                console.log("test")
                let date1 = moment("2019-01-01");
                let date2 = moment("2019-01-01T12:00:00");
                let date3 = moment("2019-01-01 12:00:00", "YYYY-MM-DD HH:mm:ss");
                let date4 = moment("01/01/2019", "MM/DD/YYYY");
                let date5 = moment("2019年1月1日", "YYYY年M月D日");
                console.log(date1);
                console.log(date2);
                console.log(date3);
                console.log(date4);
                console.log(date5);

                console.log(moment(date3).format("YYYY-MM-DD"));
                console.log(moment(date3).format("YYYY年M月D日 h:mm:ss a"));
                console.log(moment(date3).format("dddd, MMMM Do YYYY, h:mm:ss a"));
                console.log(moment(new Date()).format("YYYY年M月D日 h:mm:ss a"));


            }
    
        },
     };
    </script>
    
    
<style lang="less" scoped>
.content{
    width: 1000px;
    height: 500px;
    background: rgb(115, 191, 194);
}


/** */
.el-tree{
    width: 180px;
    background: rgba(1,18,26,0.4);
    border-radius: 6px;
    border: 1px solid;
    border-image: linear-gradient(180deg, rgba(69, 174, 235, 0), rgba(96, 200, 251, 1)) 1 1;
    backdrop-filter: blur(1px);
    color:#fff;
}


::v-deep .el-tree-node__content{&:hover{background-color: rgba(80, 65, 168, 0.87);}
}
::v-deep .el-tree-node.is-current > .el-tree-node__content {background-color: rgb(20, 207, 20) !important;}


</style>
    
    
    
    
    
    
    